<template>
  <n-config-provider
    :locale="zhCN"
    :date-locale="dateZhCN"
    :theme-overrides="themeOverrides"
  >
    <n-loading-bar-provider>
      <n-message-provider>
        <n-dialog-provider>
          <div id="app">
            <router-view></router-view>
          </div>
        </n-dialog-provider>
      </n-message-provider>
    </n-loading-bar-provider>
  </n-config-provider>
</template>

<script setup lang="ts">
import { zhCN, dateZhCN } from 'naive-ui';

/**
 * @type import('naive-ui').GlobalThemeOverrides
 */
const themeOverrides = {
  common: {
    primaryColor: '#238CB2FF',
    primaryColorHover: '#3681ADFF',
    primaryColorPressed: '#0C627AFF',
    primaryColorSuppl: '#3697ADFF',
    warningColor: '#FFA81DFF',
    warningColorHover: '#FFB84FFF',
    warningColorPressed: '#F8B251FF',
    warningColorSuppl: '#FFBC58FF',
    errorColor: '#D0303DFF',
    errorColorHover: '#DE5759FF',
    errorColorPressed: '#AB1F32FF',
    errorColorSuppl: '#DE5762FF',
    infoColor: '#3D89CCFF',
    infoColorHover: '#329FDFFF',
    infoColorPressed: '#4785D6FF',
    infoColorSuppl: '#55A8F1FF',
  },
};
</script>

<style scoped lang="scss"></style>
